<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Map Tool</title>
		<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>	
		<script type="text/javascript" src="js/leaflet.js"></script>
		<script type="text/javascript" src="js/leaflet.ChineseTmsProviders.js" ></script>
		<script type="text/javascript" src="js/d3.min.js"></script>
		<script type="text/javascript" src="js/heatmap/heatmap.js" ></script>
		<script type="text/javascript" src="js/heatmap/leaflet-heatmap.js"></script>
		<script type="text/javascript" src="js/contral.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.12.1/jquery-ui.js" ></script>
		<script src="js/playbar/jquery-PlayBar.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/loading/js/loading.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js" ></script>
		<script type="text/javascript" src="js/honeySwitch/lib/honeySwitch.js" ></script>
		<script type="text/javascript" src="leaflet-pulse-icon/L.Icon.Pulse.js" ></script>
		<script type="text/javascript" src="js/choose_select/chosen.jquery.js" ></script>
		<script type="text/javascript" src="js/clock/script.js" ></script>
		<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.0.0/moment.min.js"></script>
		<script type="text/javascript" src="js/Donut3D.js" ></script>
		<script type="text/javascript" src="js/flatpickr-gh-pages20160929/dist/flatpickr.js" ></script>
		<script type="text/javascript" src="js/bootstrap-table-develop/dist/bootstrap-table.min.js" ></script>
		<script type="text/javascript" src="js/jQuerySlider/js/jquery-ui-slider-pips.js" ></script>
		<script type="text/javascript" src="js/colpick/js/colpick.js" ></script>
		<script type="text/javascript" src="js/Leaflet.awesome-markers-2.0-develop/dist/leaflet.awesome-markers.js" ></script>
		<script type="text/javascript" src="test_buju.js"></script>
		
		<link rel="stylesheet" href="css/leaflet.css" />
		<link rel="stylesheet" href="js/jquery-ui-1.12.1/jquery-ui.min.css" />
		<link rel="stylesheet" type="text/css" href="js/playbar/barstyle.css"/>
		<link rel="stylesheet" href="js/loading/css/loading.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-switch.min.css" />
		<link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="js/honeySwitch/honeySwitch.css"/>
		<link rel="stylesheet" href="leaflet-pulse-icon/L.Icon.Pulse.css" />
		<link rel="stylesheet" href="js/choose_select/chosen.css" />
		<link rel="stylesheet" href="js/clock/style.css" />
		<link rel="stylesheet" href="js/flatpickr-gh-pages20160929/dist/flatpickr.material_green.min.css" />
		<link rel="stylesheet" href="js/bootstrap-table-develop/dist/bootstrap-table.min.css" />
		<link rel="stylesheet" href="js/menu/style.css" />
		<link rel="stylesheet" href="css/weather-icons.nin.css" />
		<link rel="stylesheet" href="js/jQuerySlider/css/jquery-ui-slider-pips.min.css" />
		<link rel="stylesheet" href="js/colpick/css/colpick.css" />
		<link rel="stylesheet" href="js/Leaflet.awesome-markers-2.0-develop/dist/leaflet.awesome-markers.css" />
		<link rel="stylesheet" type="text/css" href="test_buju.css"/>
	</head>
	<body>
		<div id="bg" style="background-color: #E9E8E8;">
			<div id="clock" class="dark">
			    <div class="display">
			        <div class="ampm"></div>
			        <div class="data"></div>
			        <div class = "weather"></div>
			        <div class="digits"></div>
			    </div>
			</div>
			<div id="mapbg">
				<div id="map"></div>
				<div id="map_svg_tool_down">
					<i id="" class="fa fa-angle-double-down fa-2x" style="margin: 5px 0px 0px 33px;"></i>
				</div>
				<div style="z-index: 801; position: absolute; width: 40px; right: 20px; top: 70px; height: 205px; ">
					<p id="cli_select" class="sameP" style="top: 10px;">
						<i id="" class="sameI fa fa-mouse-pointer fa-stack-1x" style="font-size: 24px; left: 12px;"></i>
					</p>
					<p class="sameP" style="top: 60px;">
						<i id="" class="sameI fa fa-arrows-alt fa-stack-1x" style=""></i>
					</p>
					<p id="cli_position" class="sameP" style="top: 110px;">
						<i id="" class="sameI fa fa-map-marker fa-stack-1x" style=""></i>
					</p>
					<p id="cli_trash" class="sameP" style="top: 160px;">
						<i id="" class="sameI fa fa-trash-o fa-stack-1x" style=""></i>
					</p>
				</div>
				<!--<div id="map_svg_tool" style="">
					<div class="use_tool_div" style="position: absolute; width: 215px; top: 14px; left: 20px;">
						<ul class="use_tool">
								  <li id="cli_test">
								  	<i id="select_menu" class="fa fa-mouse-pointer fa-2x" aria-hidden="true" style="">
								  		<p>
								  			<i id="cli_pointer" title="pointer" class="fa fa-mouse-pointer fa-2x" aria-hidden="true" style="position: absolute; color: black; top: 7px; left: 10px; cursor: pointer;"></i>
								  			<i id="cli_circle" title="circle" class="fa fa-circle-o fa-2x" aria-hidden="true" style="position: absolute; color: black; top: 7px; left: 50px; cursor: pointer;"></i>
								  			<i id="cli_square" title="square" class="fa fa-square-o fa-2x" aria-hidden="true" style="position: absolute; color: black; top: 7px; left: 90px; cursor: pointer;"></i>
								  			<i id="cli_star" title="star" class="fa fa-star-o fa-2x" aria-hidden="true" style="position: absolute; color: black; top: 7px; left: 130px; cursor: pointer;"></i>
								  		</p>
								    </i>
								  </li>
								  <li id="cli_select"><i class="fa fa-arrows-alt fa-2x" aria-hidden="true"></i></li>
								  <li id="cli_chart"><i class="fa fa-bar-chart fa-2x" aria-hidden="true"></i></li>
								  <li id="cli_delect"><i class="fa fa-trash-o fa-2x" aria-hidden="true"></i></li>
						    </ul>
						</div>
					<p style="position: absolute; width: 250px; height: 40px; top: 8px; left: 240px; line-height: 40px; font-weight: 600; color: silver;">Data Set:
						<select style="outline: none; border-radius: 8px; width: 150px; height: 30px; margin-left: 10px;">
							<option value ="s1" style="" >Taxi GPS Data</option>
  							<option value ="s2">......</option>
						</select> 
					</p>
					<p class="flatpickr" data-default-date="2014-01-01"   data-wrap="true" data-click-opens="true" style="position: absolute; width: 200px; height: 40px; left: 495px; top: 8px; font-weight: 600; line-height: 40px; color: silver;">Date:
						<i class="fa fa-calendar fa-stack-1x" style="position: absolute; top: -0.5px; left: 152px; width: 20px; height: 20px; cursor: pointer; z-index: 2;" data-toggle></i>
						<input class="D1" data-input style="position: absolute; width: 130px; height: 30px; border-radius: 8px; text-align: left; left: 50px; top: 5px;">
					</p>
					<p style="position: absolute; width: 180px; height: 40px; left: 705px; top: 10px; font-weight: 600; line-height: 40px; color: silver;">T I:
						<input class=flatpickr data-enable-time=true data-enable-seconds=true data-no-calendar=true value="08:00:00" data-time_24hr=true style="width: 63px; height: 30px; border-radius: 8px; text-align: left; margin-left: 5px;">
						~
						<input class=flatpickr data-enable-time=true data-enable-seconds=true data-no-calendar=true value="08:00:00" data-time_24hr=true style="width: 63px; height: 30px; border-radius: 8px; text-align: left;  ">
					</p>
					<div id="show_road_icon" style="position: absolute; width: 115px; top: 20px; right: 65px;">
						<p style="position: absolute; font-size: 13px; font-weight: 700; margin-top: 2.5px; color: silver; width: 74px;">Show Road</p>
						<i id="show_R" class="switch-off" themeColor="red" style="float: right; margin-top: 1px;"></i>
					</div>
					<div style="position: absolute;  top: 17px; right: 17px; cursor: pointer;">
						<i id="cli_up" class="fa fa-power-off fa-2x" aria-hidden="true" style="color: red;"></i>
					</div>
				</div>-->
			</div>
			<div id="bar" style="display: none; position: absolute; left: 1162px; top: 170px; width: 60px; height: 130px; z-index: 10;">
				<div id = "circle-contral"><i id="i6" class="fa fa-stop fa-stack-2x" style="top: 6.5px; left: 0.5px; color: none;" title="Stop" ></i></div>
				<div id = "circle-contral1"><i id="i7" class="fa fa-play fa-stack-2x" style="top: 7px; left: 3.5px; " title="Play" ></i></div>
			</div>
			<div id="chart1" style="background-color: white; display: none;">
				<p style="position: absolute; border-top:2px solid silver; width: 84px; top: 20px; left: 42px;"></p>
				<p style="position: absolute; width: 130px; height: 20px; top: 12px; left: 165px; font-weight: 700;">Taxi Flow Predition</p>
				<p style="position: absolute; border-top:2px solid silver; width: 84px; top: 20px; right: 65px;"></p>
				<div id="pre" style="position: absolute; left: 15px; top: 60px; width: 452px; height: 185px; border: 1px solid silver; border-radius: 15px;">
					<p style="font-size: 13px; font-weight: 700; height: 40px; position: absolute; top: 10px; left: 10px;">Date:　<input type="text" id="datepicker4" style="width: 90px; height: 25px; outline: none; border-radius: 5px;" value="2014-02-01"></p>
					<p style="position: absolute; font-size: 13px; font-weight: 700; left: 246px; top: 10px;">Time : <input id="va6" type="time" value="17:30" / style="outline: none; border-radius: 5px; height: 25px;"></p>
					<div style="position: absolute; width: 360px; height: 40px; left: 5px; top: 51px; border-top-left-radius: 15px; border-top-right-radius: 15px; border: 1px solid silver; background-color: #F2701D;">
						<p class="roadP" style="position: absolute; text-align: center; width: 65px; height: 30px; line-height: 30px; font-weight: 700; border-radius: 20px; left: 147px; background-color: white; top: 4.5px;">Road123</p>
					</div>
					<div style="border: 1px solid silver; width: 360px; height: 80px; position: absolute; top: 90px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; left: 5px;">
						<ol class="ol1" style="text-align: center; position: absolute;  width: 75px; height: 20px; left: 25px; top: 10px; border-radius: 5px; background-color: white;">
							<li class="l1" style="text-align: center; font-size: 15px; font-weight: 700; position: absolute; width: 30px; height: 20px; left: 5px; top: 0.5px;"></li>
							<li style="font-size: 15px; font-weight: 700; position: absolute; left: 37px; ">:</li>
							<li class="l2" style="text-align: center; font-size: 15px; font-weight: 700; position: absolute; width: 30px; height: 20px; left: 42px; top: 0.5px;"></li>
						</ol>
						<ol class="ol2" style="position: absolute;  width: 75px; height: 20px; left: 154px; top: 10px; border-radius: 5px; background-color: white;">
							<li class="l3" style="text-align: center; font-size: 15px; font-weight: 700; position: absolute;  width: 30px; height: 20px; left: 5px; top: 0.5px;"></li>
							<li style="font-size: 15px; font-weight: 700; position: absolute; left: 37px; ">:</li>
							<li class="l4" style="text-align: center; font-size: 15px; font-weight: 700; position: absolute;  width: 30px; height: 20px; left: 42px; top: 0.5px;"></li>
						</ol>
						<ol class="ol3" style="position: absolute;  width: 75px; height: 20px; left: 269px; top: 10px; border-radius: 5px; background-color: white;">
							<li class="l5" style="text-align: center; font-size: 15px; font-weight: 700; position: absolute;  width: 30px; height: 20px; left: 5px; top: 0.5px;"></li>
							<li style="font-size: 15px; font-weight: 700; position: absolute; left: 37px; ">:</li>
							<li class="l6" style="text-align: center; font-size: 15px; font-weight: 700; position: absolute;  width: 30px; height: 20px; left: 42px; top: 0.5px;"></li>
						</ol>
						<div class="f1" style="text-align: center; font-size: 15px; font-weight: 700; position: absolute; border: 1px solid silver; width: 80px; height: 25px; border-radius: 15px; top: 45px; left: 22px;"></div>
						<div class="f2" style="text-align: center; font-size: 15px; font-weight: 700; position: absolute; border: 1px solid silver; width: 80px; height: 25px; border-radius: 15px; top: 45px; left: 151px;"></div>
						<div class="f3" style="text-align: center; font-size: 15px; font-weight: 700; position: absolute; border: 1px solid silver; width: 80px; height: 25px; border-radius: 15px; top: 45px; left: 266px;"></div>
					</div>
					<button class="ten" style="position: absolute; outline: none; border-radius: 5px; left: 385px; top: 52px; height: 28px; width: 50px; background-color: #EFF4EF;"><i class="fa  fa-caret-up fa-stack-2x" style="top: -2.5px;"></i></button>
					<button class="twen" style="position: absolute; outline: none; border-radius: 5px; left: 385px; top: 97px; height: 28px; width: 50px; background-color: #EFF4EF;"><i class="fa fa-stop fa-stack-1x" style="top: 2.5px;"></i></button>
					<button class="now" style="position: absolute; outline: none; border-radius: 5px; left: 385px; top: 140px; height: 28px; width: 50px; background-color: #EFF4EF;"><i class="fa fa-caret-down fa-stack-2x" style="top: -2.5px;"></i></button>
					<button class="prediction" style="position: absolute; outline: none; border-radius: 5px; left: 385px; top: 7px; height: 28px; width: 50px; background-color: #EFF4EF;"><i class="fa fa-search fa-stack-1x" style="top: 2.5px;"></i></button>
				</div>
				<button id="heat_bu" style="position: absolute;top: 200px; display: none;">哈哈</button>
			</div>
			<div id="chart3" style="background-color: white; display: none;"> 
				<div id = "message">
					<p style="position: absolute; border-top:1.5px solid silver; width: 60px; top: 20px; left: 29px;"></p>
					<p style="position: absolute; width: 140px; height: 20px; top: 12px; left: 95px; font-weight: 700;">Information Display</p>
					<p style="position: absolute; border-top:1.5px solid silver; width: 62px; top: 20px; right: 45px;"></p>
				</div>
				<div id = "left_board"></div>
				<div id = "right_board"></div>
				<div id = "menue">
					<p style="font-size: 13px; font-weight: 700; height: 40px; position: absolute; top: 10px; left: 30px;">Date:　<input type="text" id="datepicker2" style="width: 90px; height: 25px; outline: none; border-radius: 5px;" value="2014-01-01"></p>
					<button id="rectselect" style="position: absolute; left: 650px; top: 8px; cursor: pointer; background-color: #EFF4EF; height: 28px; width: 28px; border-radius: 7px; outline: none;z-index: 10;" title="Select"><i id="i1" class="fa fa-hand-pointer-o fa-stack-1x" style="top: 2.5px;"></i></button>
					<button id = "fa-chart" style="position: absolute; left: 705px;; top: 8px; cursor: pointer; background-color: #EFF4EF; height: 28px; width: 28px; border-radius: 7px; outline: none;z-index: 10;" title="Chart"><i id="i2" class="fa fa-bar-chart fa-stack-1x" style="top: 2.5px;"></i></button>
					<p style="font-size: 13px; font-weight: 700; height: 40px; position: absolute; top: 12px; left: 220px;">Weather:</p>
					<p style="font-size: 13px; font-weight: 700; height: 40px; position: absolute; top: 12px; left: 285px; color: red;">Rain</p>
					<p style="font-size: 13px; font-weight: 700; height: 40px; position: absolute; top: 12px; left: 355px;">Day:</p>
					<p id="we" style="font-size: 13px; font-weight: 700; height: 40px; position: absolute; top: 12px; left: 395px; color: red;">Wednesday</p>
					<p style="font-size: 13px; font-weight: 700; height: 40px; position: absolute; top: 12px; left: 510px;">Festival:</p>
					<p style="font-size: 13px; font-weight: 700; height: 40px; position: absolute; top: 12px; left: 575px; color: red;">Yes</p>
				</div>
				<div id="real_menue" style="text-align: center; position: absolute; left: 1144px; top: 5px; height: 45px; width: 45px; border: 1px solid #D4D9DC; border-top-right-radius: 15px; border-bottom-right-radius: 15px;">
					<i class="fa fa-align-justify" style="margin-top: 15px;"></i>
				</div>
			</div>
			<div id = "pop" >
				<i id="pop1"></i>
				<div id="pop2" style="font-size: 10px; text-align: center; opacity: 1; margin-top: -1px; font-weight: 1px;"></div>
			</div>
			<div id ="toolbar">
				<div id="playmenue" style="position: absolute; width: 120px;height: 30px; left: 20px;">
					<button id = "icon"><i id="i3" class="fa fa-play fa-stack-1x" style="top: 6.5px; left: 1.5px;" title="Play"></i></button>
					<button id = "icon1"><i id="i4" class="fa fa-backward fa-stack-1x" style="top: 6.5px; left: -1.5px;" title="Yeaterday"></i></button>
					<button id = "icon2"><i id="i5" class="fa fa-forward fa-stack-1x" style="top: 6.5px; left: 1.5px;" title="Tomorrow"></i></button>
				</div>
				<div class = "test"></div>
			</div>
			<!--<div id="qurey" style="display: none;">
				<div id = "biaoti" style="position: absolute; width: 347px; height: 41px;">
					<p style="position: absolute; border-top:2px solid silver; width: 60px; top: 20px; left: 37px;"></p>
					<p style="position: absolute; width: 122px; height: 20px; top: 12px; left: 110px; font-weight: 700;">Road Operation</p>
					<p style="position: absolute; border-top:2px solid silver; width: 60px; top: 20px; right: 58px;"></p>
				</div>
				<div id="road_op">
					<p style="text-align: center; line-height: 35px; height: 35px; border-top-left-radius: 15px; border-top-right-radius: 15px; font-weight: 700; background-color: #F2701D;">Query Road Section</p>
					<p style="position: absolute; left: 20px; top: 40px; font-size: 13px; font-weight: 700;">Data:　<input type="text" id="datepicker" style="width: 90px; height: 30px; outline: none;  border-radius: 5px;" value="2014-01-01"></p>
					<p style="position: absolute; left: 20px; top: 80px; font-size: 13px; font-weight: 700;">Road:　
						<select id = "se1" data-placeholder="选择路段..." class="chosen-select" style="width:100px; " tabindex="2"></select>
					</p>
					<p style="position: absolute; top: 124px; left: 20px; font-size: 13px; font-weight: 700;">Time:　<input id="va1" type="time" value="08:00" / style=" outline: none; border-radius: 5px; height: 30px; width: 90px;"></p>
					<button id="c" type="button" style="position: absolute; outline: none; border-radius: 5px; left: 242px; height: 28px; top: 142px; width: 50px; background-color: #EFF4EF;"><i class="fa fa-search fa-stack-1x" style="top: 2.5px;"></i></button>
				</div>
				<div id="tabs" style="width: 320px; height: 210px; position: absolute; top: 230px; left: 15px; ">
					<div style="position: absolute; width: 275px; height: 40px; top: 25px; left: 18px;">
						<p style="height: 25px; font-weight: 700; position: absolute; top: 10px; left: 75px;">Taxi</p>
						<p style="height: 25px; font-weight: 700; position: absolute; top: 11px; left: 170px;">Flow</p>
						<span id="show_taxi_flow" class="switch-off" themeColor="#F2701D" style="position: absolute; top: 10px; left: 120px;"></span>
					</div>
				    <div id="taxi_table" style="position: absolute; width: 310px; height: 165px; left: 5px; top: 62px; border: 1px solid silver; border-radius: 15px; display: block;">
						<p style="text-align: center; line-height: 35px; height: 35px; border-top-left-radius: 15px; border-top-right-radius: 15px; background-color: #F2701D; font-weight: 700;">Show The Animation Of Taxi</p>
						<p style="position: absolute; font-size: 13px; font-weight: 700; left: 10px; top: 50px; height: 40px;">Date_Select　:　<input type="text" id="datepicker3" style="width: 90px; height: 25px; outline: none; border-radius: 5px;" value="2014-01-01"></p>
						<p style="position: absolute; font-size: 13px; font-weight: 700; left: 10px; top: 100px;">Time_Section : <input id="va4" type="time" value="08:00" / style="outline: none; border-radius: 5px; height: 25px;"> ~ <input id="va5" type="time" value="08:00" / style="outline: none; border-radius: 5px; height: 25px;"></p>
						<button id="taxi_switch" style = "position: absolute; left: 240px; top: 132px; cursor: pointer; background-color: #EFF4EF; height: 28px; width: 50px; border-radius: 5px; outline: none;z-index: 10;"><i class="fa fa-taxi fa-stack-1x" style="top: 2.5px;"></i></span></button>
					</div>
				  	<div id="flow_table" style="position: absolute; width: 310px; height: 165px; left: 5px; top: 62px; border: 1px solid silver; border-radius: 15px;display: none;">
						<p style="text-align: center; line-height: 35px; height: 35px; border-top-left-radius: 15px; border-top-right-radius: 15px; background-color: #F2701D; font-weight: 700;">Show The Change Of Taxi Flow</p>
						<p style="position: absolute; font-size: 13px; font-weight: 700; left: 10px; top: 50px; height: 40px;">Date_Select　:　<input type="text" id="datepicker1" style="width: 90px; height: 25px; outline: none; border-radius: 5px;" value="2014-01-01"></p>
						<p style="position: absolute; font-size: 13px; font-weight: 700; left: 10px; top: 100px;">Time_Section : <input id="va2" type="time" value="08:00" / style="outline: none; border-radius: 5px; height: 25px;"> ~ <input id="va3" type="time" value="08:00" / style="outline: none; border-radius: 5px; height: 25px;"></p>
						<button class="reloadbt" style="position: absolute; outline: none; border-radius: 5px; left: 240px; top: 132px; height: 28px; width: 50px; background-color: #EFF4EF;"><i class="fa fa-search fa-stack-1x" style="top: 2.5px;"></i></button>
					</div>
				</div>
			</div>-->
			
			<div id="buju">
				<div id="se_title" style="position: absolute; width: 100%; height: 30px; line-height: 30px;  background-color: #ABC6EF; font-family: Georgia; font-size: 15px; cursor: pointer;">
					<p style="margin-left: 9px; font-weight: 600;">Taxi</p>
					<i id="iconTT" class="fa fa-cog fa-stack-1x" style="position: absolute; top: 1px; left: 326px; width: 20px; height: 20px;"></i>
				</div>
				<!--<div id="rodatable" style="position: relative; width: 100%; display: block;">
					<p style="margin: 0px; position: relative; width: 100%; height: 30px; text-align: center; line-height: 30px; font-family: georgia; color: #5E6268; font-weight: 600;">Date</p>
					<div style="position: relative; width: 100%;">
						<div style="position: relative; left: 7px; width: 327px; height: 50px; border: 1px solid silver; border-radius: 7px; box-shadow: 2px 4px 3px rgba(211,211,211);">
							<p class="flatpickr" data-default-date="2014-01-01"   data-wrap="true" data-click-opens="true" style="position: absolute; width: 150px; height: 40px; left: 0px; top: 5px; font-weight: 600; line-height: 40px; color: silver;">
								<i class="fa fa-calendar fa-stack-1x" style="color: #2FC25B; position: absolute; top: -0.5px; left: 117px; width: 20px; height: 20px; cursor: pointer; z-index: 2;" data-toggle></i>
								<input class="D1" data-input style="position: absolute; width: 130px; height: 30px; border-radius: 3px; text-align: left; left: 15px; top: 5px;">
							</p>
							<p style="position: absolute; width: 10px; height: 0px; left: 155px; top: 25px; border-top: 2px solid silver;"></p>
							<p class="flatpickr1" data-default-date="2014-01-01"   data-wrap="true" data-click-opens="true" style="position: absolute; width: 150px; height: 40px; left: 165px; top: 5px; font-weight: 600; line-height: 40px; color: silver;">
								<i class="fa fa-calendar fa-stack-1x" style="position: absolute; top: -0.5px; left: 117px; width: 20px; height: 20px; cursor: pointer; z-index: 2; color: #2FC25B;" data-toggle></i>
								<input class="D2" data-input style="position: absolute; width: 130px; height: 30px; border-radius: 3px; text-align: left; left: 15px; top: 5px;">
							</p>
						</div>
					</div>
				</div>-->
				<div style="position: absolute; width: 100%; height: 550px; top: 30px; left: 0px;">
					<!--<div style="position: relative; width: 100%; height: 30px;  border: 1px solid #C3C3C3; border-top-right-radius: 5px; border-top-left-radius: 5px; background: #FFF4AF;">
						<b style="position: absolute; left: 25px; top: 5px; font-size: 14px; font-family: georgia; color: #5E6268;">Taxi Analysis</b>
						<i id="" class="fa fa-bookmark fa-stack-1x" style="position: absolute; top: 5px; left: 0px; width: 20px; height: 20px; color: #5E6268;"></i>
					</div>-->
					<!--<div style="overflow-y: auto; overflow-x: hidden; position: absolute; top: 30px; width: 100%; height: 500px; border-bottom: 1px solid #C3C3C3; border-left: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;">-->
						<div style="position: relative; width: 100%;">
							<div style="margin: 10px 0px 0px 6px; width: 332px; height: 50px; border: 1px solid silver; border-radius: 5px; box-shadow: 2px 4px 3px rgba(211,211,211);">
								<p class="flatpickr" data-default-date="2014-01-01"   data-wrap="true" data-click-opens="true" style="margin: 0px; position: absolute; width: 150px; height: 40px; left: 5px; top: 5px; font-weight: 600; line-height: 40px; color: silver;">
									<i class="fa fa-calendar fa-stack-1x" style="color: #2FC25B; position: absolute; top: -0.5px; left: 128px; width: 20px; height: 20px; cursor: pointer; z-index: 2;" data-toggle></i>
									<input class="D1" data-input style="position: absolute; width: 145px; height: 30px; border-radius: 3px; text-align: left; left: 8px; top: 5px;">
								</p>
								<p style="margin: 0px; position: absolute; width: 10px; height: 0px; left: 165px; top: 25px; border-top: 2px solid silver;"></p>
								<p class="flatpickr1" data-default-date="2014-01-01"   data-wrap="true" data-click-opens="true" style="margin: 0px; position: absolute; width: 170px; height: 40px; left: 170px; top: 5px; font-weight: 600; line-height: 40px; color: silver;">
									<i class="fa fa-calendar fa-stack-1x" style="position: absolute; top: -0.5px; left: 134px; width: 20px; height: 20px; cursor: pointer; z-index: 2; color: #2FC25B;" data-toggle></i>
									<input class="D2" data-input style="position: absolute; width: 145px; height: 30px; border-radius: 3px; text-align: left; left: 15px; top: 5px;">
								</p>
							</div>
						</div>
						<div style="position: relative; width: 100%;">
							<div style="margin: 16px 0px 0px 6px; width: 332px; height: 465px; border: 1px solid silver; border-radius: 5px; box-shadow: 2px 4px 3px rgba(211,211,211);">
								<div style="position: relative; width: 100%;">
									<p style="margin: 10px 0px 0px -12px; font-size: 10px; font-weight: 600;">　
										<select id = "se1" data-placeholder="Enter plate number" class="chosen-select" style="width: 253px;"></select>
										<p style="font-family: georgia; font-weight: 600; top: 0px; box-shadow: 0 3px 3px rgba(0, 0, 0, .075); border: 1px solid #cccccc; background: #66ABDD; text-align: center; line-height: 34px; color: white; border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: absolute; left: 255px; height: 34px; width: 70px;">Search</p>
									</p>
								</div>
								<div style="position: relative; width: 100%;">
									<ul class="tabsClass" style="">
										<li id="view1Tab" class="addtabsClass1">View1</li>
										<li id="view2Tab" class="addtabsClass2">View2</li>
									</ul>
								</div>
								<div style="position: relative; width: 100%;">
									<div id="view1"></div>
									<div id="view2">哈哈</div>
								</div>
								<div style="position: absolute; top: 420px; width: 320px; height: 40px; left: 10px;">
									<p class="bujuSamep" style="left: 10px;">Button</p>
									<p class="bujuSamep" style="left: 120px;">Button</p>
									<p class="bujuSamep" style="left: 230px;">Button</p>
								</div>
						    </div>
						</div>
				</div>
			</div>
			<div id="buju1">
				<div id="setting_menu1" style="height: 30px; width: 100%; background-color: #ABC6EF; line-height: 30px; text-align: center; cursor: pointer; border-bottom: 1px solid white;">
					<p style=" width: 110px; height: 40px; margin-left: -9px; font-family: Georgia; font-size: 15px; font-weight: 600;">Prediction</p>
					<i class="fa fa-refresh fa-stack-1x" style="position: absolute; top: 1px; left: 400px; width: 20px; height: 20px;"></i>
				</div>
				<div style="position: absolute; width: 405px; height: 572px; top: 40px; left: 10px; box-shadow: 0px 4px 4px rgba(211,211,211); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;">
					<div style="position: absolute; width: 100%; height: 30px;  border: 1px solid #C3C3C3; border-top-right-radius: 5px; border-top-left-radius: 5px; background: #cae8ce;">
						<b style="position: absolute; left: 25px; top: 5px; font-size: 14px; font-family: georgia; color: #5E6268;">Prediction Analysis</b>
						<i id="" class="fa fa-bookmark fa-stack-1x" style="position: absolute; top: 5px; left: 0px; width: 20px; height: 20px; color: #5E6268;"></i>
						<i id="" class="fa fa-play-circle-o fa-stack-1x" style="position: absolute; top: 0.5px; left: 375px; width: 20px; height: 20px; color: #5E6268; font-size: 20px;"></i>
					</div>
					<div id="pre_table">
						<div id="weather_bored">
							<p style="position: absolute; height: 31px; line-height: 31px; left: 5px;  font-size: 14px; font-weight: 700; font-family: 'Times New Roman';">Weather:</p>
							<ul class="weather_icon">
								<li><i class="wi wi-day-sunny" style="font-size: 26px; color: #D3D3D3;"></i></li>
								<li><i class="wi wi-day-cloudy" style="font-size: 26px; color: #D3D3D3;"></i></li>
								<li><i class="wi wi-day-hail" style="font-size: 26px; color: #D3D3D3;"></i></li>
								<li><i class="wi wi-day-snow" style="font-size: 26px; color: #D3D3D3;"></i></li>
								<li><i class="wi wi-day-haze" style="font-size: 26px; color: #D3D3D3;"></i></li>
							</ul>
						</div>
						<div id="week_bored">
							<p style="position: absolute; height: 31px; line-height: 31px; left: 5px;  font-size: 14px; font-weight: 700; font-family: 'Times New Roman';">Week:</p>
							<ul class="week_text">
								<li><i>Mon</i></li>
								<li><i>Tue</i></li>
								<li><i>Wed</i></li>
								<li><i>Thu</i></li>
								<li><i>Fir</i></li>
								<li><i>Sat</i></li>
								<li><i>Sun</i></li>
							</ul>
						</div>
						<div id="time" style="position: absolute; top: 113px; width: 100%; height: 40px;">
							<p style="position: absolute; height: 31px; line-height: 31px; left: 5px;  font-size: 14px; font-weight: 700; font-family: 'Times New Roman';">Time:</p>
							<div class="slider" style="position: absolute; left: 74px; width: 310px; top: 10px;"></div>
						</div>
						<!--<p id="confirm" style="position: absolute; bottom: 3px; width: 14%; height: 30px; border: 1px solid #CDCDCD; left: 345px; border-radius: 8px; text-align: center; line-height: 30px; font-weight: 700; font-family: 'Times New Roman'; font-size: 14px; cursor: pointer; box-shadow: 0px 4px 4px rgba(211,211,211);">OK</p>-->
					</div>
					<div id="buju4">
						<!--<div style="position: absolute; width: 100%; height: 20px; background: #DEDEDE; ">
							<p style="position: absolute; width: 100%; height: 20px; text-align: center; line-height: 20px; font-family: georgia; font-weight: 600; color: #5E6268;">Chart</p>
						</div>-->
						<div style="border-radius: 3px; position: absolute; top: 10px; width: 100%; height: 30px; background: #E0EDFA;">
							<input value="Time" style="box-shadow: 0px 0px 5px rgba(211,211,211); border-width: 0px; position: absolute; top: 3px; width: 80px; height: 24px; left: 162px; outline: none; border-radius: 10px; font-style: italic; color: #D3D3D3; font-family: georgia;"/>
							<i id="" class="fa fa-angle-double-left fa-stack-1x" style="cursor: pointer; text-align: center; line-height: 26px; position: absolute; background: white; box-shadow: 0px 0px 5px rgba(211,211,211); border-radius: 6px;  top: 2px; left: 10px; width: 26px; height: 26px; color: #5E6268; font-size: 22px; font-weight: 800;"></i>
							<i id="" class="fa fa-angle-double-right fa-stack-1x" style="cursor: pointer; text-align: center; line-height: 26px; position: absolute; background: white; box-shadow: 0px 0px 5px rgba(211,211,211); border-radius: 6px; top: 2px; left: 55px; width: 26px; height: 26px; color: #5E6268; font-size: 22px; font-weight: 800;"></i>
							<i id="pieChart" class="fa fa-pie-chart fa-stack-1x" style="color: #2FC25B; position: absolute; top: 3px; left: 375px; width: 20px; height: 20px; font-size: 20px;"></i>
							<i id="Hchart" class="fa fa-bar-chart fa-stack-1x" style="position: absolute; top: 3px; left: 335px; width: 20px; height: 20px; color: #5E6268; font-size: 20px;"></i>
							<i id="lineChart" class="fa fa-line-chart fa-stack-1x" style="color: rgb(255, 127, 14); position: absolute; top: 3px; left: 295px; width: 20px; height: 20px; font-size: 20px;"></i>
						</div>
					</div>
				</div>
				<div style="position: absolute; width: 405px; height: 260px; top: 628px; left: 10px; box-shadow: 0px 4px 4px rgba(211,211,211); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;">
					<div style="position: absolute; width: 100%; height: 30px;  border: 1px solid #C3C3C3; border-top-right-radius: 5px; border-top-left-radius: 5px; background: #cae8ce;">
						<b style="position: absolute; left: 25px; top: 5px; font-size: 14px; font-family: georgia; color: #5E6268;">Navigation</b>
						<i id="" class="fa fa-bookmark fa-stack-1x" style="position: absolute; top: 5px; left: 0px; width: 20px; height: 20px; color: #5E6268;"></i>
					</div>
					<div  style="overflow-y: auto; overflow-x: hidden; position: absolute; top: 30px; width: 100%; height: 230px; border-bottom: 1px solid #C3C3C3; border-left: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;">
						<div id="POIcontain" style="position: relative; width: 100%; margin-top: 5px;">
							<div style="width: 100%; height: 40px;">
								<p style="border-radius: 5px; position: absolute; width: 135px; height: 30px; left: 10px; top: 10px; border: 1px solid silver; text-align: center; line-height: 30px; font-family: georgia; font-weight: 600; color: #5E6268;">Origin
									<i id="" class="fa fa-map-marker fa-stack-1x" style="position: absolute; top: -0.5px; left: 5px; width: 20px; height: 20px; font-size: 16px; color: #5E6268;"></i>
								</p>
								<input id="originInput" value="Select Position" style="border-radius: 3px; position: absolute; left: 155px; top: 10px; height: 30px; width: 210px; outline: none; font-style: italic; color: #D3D3D3; font-family: georgia;"/>
								<i id="addPOI" class="fa fa-plus-circle fa-stack-1x" style="position: absolute; top: 11px; left: 375px; width: 20px; height: 20px; font-size: 20px; color: #5E6268;"></i>
							</div>
						</div>
						<div style="position: relative; width: 100%; height: 40px;">
							<p style="border-radius: 5px; position: absolute; width: 135px; height: 30px; left: 10px; top: 10px; border: 1px solid silver; text-align: center; line-height: 30px; font-family: georgia; font-weight: 600; color: #5E6268;">Destination
								<i id="" class="fa fa-map-marker fa-stack-1x" style="position: absolute; top: -0.5px; left: 5px; width: 20px; height: 20px; font-size: 16px; color: #5E6268;"></i>
							</p>
							<input id="destinationInput" value="Select Position" style="border-radius: 3px; position: absolute; left: 155px; top: 10px; height: 30px; width: 210px; outline: none; font-style: italic; color: #D3D3D3; font-family: georgia;"/>
							<i id="" class="fa fa-search fa-stack-1x" style="text-align: center; line-height: 26px; box-shadow: 0px 0px 5px rgba(211,211,211); border-radius: 6px; position: absolute; top: 11px; left: 372px; width: 26px; height: 26px; font-size: 20px; color: #5E6268;"></i>
						</div>
					</div>
				</div>
			</div>
			<div id="buju3">
				<div id="rodatable3" style="position: absolute; width: 24%; display: block;">
					<div id="se_title" style=" position: relative; width: 350px; height: 30px; line-height: 30px; background-color: #ABC6EF; font-family: Georgia; font-size: 15px; cursor: pointer; border-bottom: 1px solid #E9E8E8; display: block;">
						<p style="margin-left: 10px; font-weight: 600;">Road</p>
						<i id="iconTT" class="fa fa-cog fa-stack-1x" style="position: absolute; top: 1px; left: 326px; width: 20px; height: 20px;"></i>
					</div>
					<!--<div id="" style="position: relative; width: 100%; height: 30px; border-bottom: 1px solid #E9E8E8; background: #F6F6F6; display: block; margin: 2px 0px 0px 0px; border-radius: 3px;">
						<div style="position: absolute; width: 100%; height: 30px; background: white;">
							<b style="position: absolute; left: 20px; top: 5px; font-size: 14px;  border-radius: 5px; font-family: georgia; color: #5E6268;">Road Info</b>
							<i id="" class="fa fa-bookmark fa-stack-1x" style="position: absolute; top: 5px; left: 0px; width: 20px; height: 20px; color: #5E6268;"></i>
						</div>
					</div>-->
					<!--<div class="panel-group" id="MsgAccordion1" style=""></div>-->
				</div>
				<div style="position: absolute; width: 2px; height: 100%; left: 349px; background: #EAE8E7;"></div>
				<div style="position: absolute; height: 280px; top: 29px; width: 350px;">
					<div class="buju3SameDiv" style="left: 65px;">
						<i class="fa fa-plus fa-stack-1x" style="color: white; position: absolute; top: 0px; left: -0.5px;"></i>
					</div>
					<div class="buju3SameDiv" style="left: 270px;">
						<i class="fa fa-plus fa-stack-1x" style="color: white; position: absolute; top: 0px; left: -0.5px;"></i>
					</div>
					<div id="RoadTable">
						<p class="RoadTableTitle">Road Info</p>
						<div class="RoadTableBody">
							<div class="panel-group" id="MsgAccordion1" style="margin: 0;"></div>
						</div>
					</div>
					<div class="flowAnimationDiv" style="z-index: 1; display: none; background: white; position: absolute; top: 10px; left: 0px; border: 1px solid silver; border-top-width: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-shadow: 0px 2px 3px rgba(211,211,211); height: 85px; width: 350px;">
						<div style="box-shadow: 2px 2px 3px rgba(211,211,211); position: absolute; border: 1px solid silver; border-radius: 5px; top: 32px; left: 3px; height: 42px; width: 340px;">
							<p class="flatpickr" data-default-date="2014-01-01"   data-wrap="true" data-click-opens="true" style="margin: 0px; position: absolute; width: 125px; height: 40px; left: 0px; top: 0px; font-weight: 600; line-height: 40px; color: silver;">
								<i class="fa fa-calendar fa-stack-1x" style="position: absolute; top: -0.5px; left: 92px; width: 20px; height: 20px; cursor: pointer; color: #2FC25B; z-index: 2;" data-toggle></i>
								<input class="D3" data-input style="position: absolute; width: 115px; height: 30px; border-radius: 3px; text-align: left; left: 5px; top: 5px;">
							</p>
							<p style="margin: 0px; position: absolute; width: 150px; height: 40px; left: 120px; top: 0px; font-weight: 600; line-height: 40px; color: silver;">
								<input class=flatpickr data-enable-time=true data-enable-seconds=true data-no-calendar=true value="08:00:00" data-time_24hr=true style="width: 63px; height: 30px; border-radius: 3px; text-align: left; margin-left: 5px;">
								~
								<input class=flatpickr data-enable-time=true data-enable-seconds=true data-no-calendar=true value="08:00:00" data-time_24hr=true style="width: 63px; height: 30px; border-radius: 3px; text-align: left;  ">
							</p>
							<p class="bujuSamep" style="left: 273px; height: 35px; width: 62px; top: 2px;">Action</p>
						</div>
						<div style="position: absolute; width: 240px; top: 0px; left: 88px; height: 30px;   border-top-right-radius: 5px; border-top-left-radius: 5px; background: white;">
							<b style="position: absolute; left: 25px; top: 5px; font-size: 14px; font-family: georgia; color: #5E6268;">Flow Animation</b>
							<i id="" class="fa fa-bookmark fa-stack-1x" style="position: absolute; top: 5px; left: 0px; width: 20px; height: 20px; color: #5E6268;"></i>
						</div>
					</div>
				</div>
				<div id="buju2">
					<div id="title_svg" style="position: absolute; width: 100%; height: 30px; background-color: #F8F8F8;">
						<div id="show_road_icon" style="position: absolute; width: 115px; top: 4px; right: 72px;">
							<p style="position: absolute; font-size: 13px; font-weight: 700; margin-top: 2.5px; color: #5E6268; width: 74px;">Show Road</p>
							<i id="show_R" class="switch-off" themeColor="red" style="float: right; margin-top: 1px;"></i>
						</div>
						<p style="text-align: center; border-radius: 6px; box-shadow: 0px 0px 5px rgba(211,211,211); margin: 0px; position: absolute; width: 38px; height: 25px; top: 2px; right: 9px; cursor: pointer;" id="cli_chart">
							<i class="fa fa-bar-chart fa-2x" aria-hidden="true" style="color: #5E6268; margin: 3px 0px 0px 1px; font-size: 20px;"></i>
						</p>
					</div>
				</div>
				<!--<div style="width: 100%; height: 35px; background-color: #F8F8F8;">
					<div id="tab" style="">Road</div>
					<div id="tab1"><p style="">Taxi</p></div>
					<div style="position: absolute; width: 100%; top: 33px; border-bottom: 1.5px solid #aaa;"></div>
				</div>
				<div id="road_body" style="position: absolute; width: 100%; height: 274px; top: 35px; ">
					<div style="position: absolute; width: 100%; height: 124px; border-bottom: 1.5px solid #aaa;">
						<div style="position: absolute; width: 100%; height: 30px;">
							<b style="position: absolute; left: 20px; top: 5px; font-size: 14px; background: white; border-radius: 5px; font-family: georgia; color: #5E6268;">Road Flow Animation</b>
							<i id="" class="fa fa-bookmark fa-stack-1x" style="position: absolute; top: 5px; left: 0px; width: 20px; height: 20px; color: #5E6268;"></i>
						</div>
						<div style="position: absolute; top: 30px; width: 100%; height: 23px; background: #EAE8E7; border-radius: 3px;">
							<b style="position: absolute;top: 1px; left: 15px; font-size: 15px; font-family: georgia; font-weight: 500;">Rate:</b>
							<i id="frame_up" class="fa fa-arrow-circle-up fa-stack-1x" style="position: absolute; top: -2px; left: 125px; width: 20px; height: 20px; font-size: 20px;"></i>
							<input type="text" id="theframe" size="1" value='0' style="position: absolute; left: 180px; outline: none; border-radius: 5px;"/>
							<i id="frame_down" class="fa fa-arrow-circle-down fa-stack-1x" style="position: absolute; top: -2px; left: 250px; width: 20px; height: 20px; font-size: 20px;"></i>
							<i id="question1" class="fa fa-question-circle-o fa-stack-1x" style="position: absolute; top: -2px; left: 325px; width: 20px; height: 20px; font-size: 20px;">
								<p>How long does a frame represent?</p>
							</i>
						</div>
						<div style="position: absolute; top: 55px; width: 100%; height: 65px; background: #EAE8E7; border-radius: 3px;">
							<b style="position: absolute;top: 5px; left: 15px; font-size: 15px; font-family: georgia; font-weight: 500;">ColorPick:</b>
							<b style="position: absolute;top: 36px; left: 15px; font-size: 15px; font-family: georgia; font-weight: 500;">Color:</b>
							<div class="color-box" style="position: absolute; width: 200px; height: 25px; left: 100px; top: 4px;"></div>
							<div class="color-bar" style="position: absolute; width: 200px; height: 25px; left: 100px; top: 35px; background: linear-gradient(to right, #ff0000, #f7ff00);"></div>
							<i id="color_trash" class="fa fa-trash-o fa-stack-1x" style="position: absolute; top: 34px; left: 325px; width: 20px; height: 20px; font-size: 20px;"></i>
							<i id="question2" class="fa fa-question-circle-o fa-stack-1x" style="position: absolute; top: 3px; left: 325px; width: 20px; height: 20px; font-size: 20px;">
								<p>Pick the colors for flow display.</p>
							</i>
						</div>
					</div>
					<div style="position: absolute; width: 100%; height: 105px; top: 125px; ">
						<div style="position: absolute; width: 100%; height: 30px;">
							<b style="position: absolute; left: 20px; top: 5px; font-size: 14px; background: white; border-radius: 5px; font-family: georgia; color: #5E6268;">Taxi Animation</b>
							<i id="" class="fa fa-bookmark fa-stack-1x" style="position: absolute; top: 5px; left: 0px; width: 20px; height: 20px; color: #5E6268;"></i>
						</div>
						<div style="position: absolute; top: 30px; width: 100%; height: 23px; background: #EAE8E7; border-radius: 3px;">
							<b style="font-family: georgia; font-weight: 500; position: absolute; left: 15px; top: 1px;">Speed Range:</b>
							<input type="text" id="speed1" size="1" value='0' style="position: absolute; left: 140px; outline: none; border-radius: 5px;"/>
							<input type="text" id="speed2" size="1" value='0' style="position: absolute; left: 210px; outline: none; border-radius: 5px;"/>
							<b style="font-family: georgia; font-weight: 500; position: absolute; left: 190px; font-size: 16px; top: 1px;">~</b>
							<b style="font-family: georgia; font-weight: 500; position: absolute; left: 265px; font-size: 16px; top: 1px;">km/h</b>
						</div>
						<div style="position: absolute; top: 55px; width: 100%; height: 23px; background: #EAE8E7; border-radius: 3px;">
							<b style="font-family: georgia; font-weight: 500; position: absolute; left: 15px; top: 1px;">IspassengerIn:</b>
							<b style="font-family: georgia; font-weight: 500; position: absolute; left: 140px; top: 1px;">Yes</b>
							<b style="font-family: georgia; font-weight: 500; position: absolute; left: 210px; top: 1px;">No</b>
							<input class="yes" type="checkbox" style="position: absolute; left: 175px; top: 1px; width: 15px; height: 15px;"/>
							<input class="no" type="checkbox" style="position: absolute; left: 240px; top: 1px; width: 15px; height: 15px;"/>
						</div>
						<div style="position: absolute; top: 80px; width: 100%; height: 23px; background: #EAE8E7; border-radius: 3px;">
							<b style="font-family: georgia; font-weight: 500; position: absolute; left: 15px; top: 1px;">Taxi Number:</b>
							<input type="text" id="num" size="1" value='0' style="position: absolute; left: 140px; outline: none; border-radius: 5px; width: 55px;"/>
						</div>
					</div>
					<div style="position: absolute; width: 100%; height: 40px; top: 233px; font-family: georgia;">
						<p class="but_road" style="box-shadow: 3px 3px 3px rgba(211,211,211); font-weight: 600; position: absolute; width: 167px; height: 37px; margin: 0px 0px 0px 0px; text-align: center; line-height: 37px;  left: 5px; border-radius: 3px; background: #66ABDD; color: white;">Road Flow</p>
						<p class="but_taxi" style="box-shadow: 3px 3px 3px rgba(211,211,211); font-weight: 600; position: absolute; width: 167px; height: 37px; margin: 0px 0px 0px 0px; text-align: center; line-height: 37px; right: 5px;  border-radius: 3px; background: #66ABDD; color:white;">Taxi</p>
					</div>
				</div>-->
			</div>
		</div>
	</body>
</html>
